技術問答
技術文章
iT 徵才
Tag
聊天室
2024 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2017 iT 邦幫忙鐵人賽
DAY
5
0
自我挑戰組
你看微客=[ 前端領域 - 超入門 ]
系列 第
5
篇
Javascript---[ 事件處理、函式進階 ]---無用小觀念
2017鐵人賽
ucvic
2016-12-17 23:16:32
1908 瀏覽
分享至
事件處理
事件:瀏覽器被觸發的事件,例如頁面 load 完成事件、 DOM 事件( 如 click、mousemove、dragstart... )、鍵盤事件、觸控事件、視窗縮放事件、接收到網路資料事件...等等各種不同類型。
針對預設可能會發生的各種不同類型事件,撰寫對應的事件處理程序( 稱為
callback、handler
)。
當事件處理程序被呼叫時,
會自動傳入一個事件物件( eventObj ),內含事件相關資訊,如:被觸發事件的元素( target )、事件何時發生...等各類資料訊息,以供處理程序運用
,事件物件的內容會依事件類型而不同而有所差異。
getElementsByTagName 方法會回傳一個 NodeList 物件,
可將其視為一個陣列,利用陣列所引來取得各索引位置對應的元素物件
。
Javascript只有一個佇列( queue )及一個執行緒( thread of control)
,這意味著一次只能處理一件事情,故
處理程序程式碼的好壞會大大的影響瀏覽器執行的效率
。
setTimeout 方法完整寫法應為 window.setTimeout,但
因 window 物件屬於全域物件,故可省略物件名稱
。
函式進階
在Javascript中,請將函式視為"值"來處理
,如同數字、字串、boolean和物件一樣,
能賦值給變數、當成引數傳遞、或從另一個函式中回傳
。
建立一個函式,可使用
函數宣告
或
函式運算式
兩種不同的方式。
@ 函式宣告( function declaration ): function murmur () {}
=>
會建立與函式名稱同名的變數,並把函式的位址賦值給變數
@ 函式運算式( function expression ): function () {}
=>
會產生函式的位址值
瀏覽器在讀取時,會
先掃描函式宣告,待執行程式碼時才會去處理函式運算式
。
使用陣列的 sort 方法來排序時,需
將用來比較的函式( 自行定義 )作為引數傳入
。
留言
追蹤
檢舉
上一篇
Javascript---[ DOM、資料型別 ]---無用小觀念
下一篇
Javascript---[ 閉包 ]---無用小觀念
系列文
你看微客=[ 前端領域 - 超入門 ]
共
30
篇
目錄
RSS系列文
訂閱系列文
17
人訂閱
26
React---[ 自訂元件、props特性 ]---無用小觀念
27
React---[ state 狀態、事件處理 ]---無用小觀念
28
React---[ JSX ]---無用小觀念
29
Git---[ Git 基本觀念 ]
30
30天鐵人賽---[ 參賽心得 ]
完整目錄
直播研討會
{{ item.subject }}
{{ item.channelVendor }}
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
1064
組
團體組數
40
組
累計文章數
22210
篇
完賽人數
600
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
windows server
linux
css
react
vue.js
熱門問題
mail server 主機推薦
Outlook 2016 收不到外來信 已解決
windows11的複製功能出現問題
有關Chrome瀏覽器擴充功能,選定特別類型檔案封鎖上傳,並且三秒後關掉網頁
minIO 跟超融合
Chrome瀏覽器限制上傳檔案類型
SQL 如何將同欄位數據依照條件拆分成不同欄的資料
mongodb atlas 連線速度變慢或斷線
CTF GAME
同網段下無法連線到印表機
熱門回答
mail server 主機推薦
SQL 如何將同欄位數據依照條件拆分成不同欄的資料
windows11的複製功能出現問題
有關Chrome瀏覽器擴充功能,選定特別類型檔案封鎖上傳,並且三秒後關掉網頁
Outlook 2016 收不到外來信 已解決
熱門文章
「記憶體與基本儲存電路:Latch & Flip Flop」
請問大家有爬蟲Shopee的經驗嗎?
從零開始學習Java筆記(基本語法)
KMP 演算法筆記
調變與解調的基本概念(發射端 & 接收端)
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}